<template>
  <div >
   <div >
    <h3>请你选择喜欢的专栏</h3>
    <span v-for="(item,index) in list" :key="index"><input type="checkbox" :value=item  v-model="select">{{ item }}</span>
   
   </div>
   <ul>
    <li v-for="(item,ind) in select" :key="ind">
      {{ item }}
    </li>
   </ul>
  </div>
</template>

<script>
export default {
    data(){
      return{
        list:["科幻", "喜剧", "动漫", "冒险", "科技", "军事", "娱乐", "奇闻"],
        select:[]
      }
    }
}
</script>

<style>

</style>